<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的主页</title>

</head>

<body>
    <!-- 主体内容 -->
    <main class="maincontent">
        <ul>
            <!-- 个人信息 -->
            <li class="mymsg dpflex">
                <a href="personalInformation.html" class="mymsg dpflex">
                    <p class="ownpic">
                        <span class="fitnessIcon fitnesshuabanfuben f60"></span>
                    </p>
                    <p class="ownname">12345678901</p>
                    <p class="details fitnessIcon fitnessxiayiye"></p>
                </a>
            </li>
            <li class="mymsg1 mb16">
                <input type="file" name="pic" id="ownpicture">
                <p class="signature">个性签名: 这个人很懒,什么都没有留下</p>
            </li>
            <!-- 个人动态 -->
            <li class="mynews dpflex mb16">
                <p class="mnew ml15">
                    <span class="fitnessIcon fitnessshuju blue"></span> 个人动态
                </p>

                <p class="details mr15">
                    <span>2</span>条
                    <span class="fitnessIcon fitnessxiayiye"></span>
                </p>
            </li>
            <!-- 运动数据 -->
            <li class="mydata dpflex">
                <p class="ml15">
                    <span class="fitnessIcon fitnessdigital blue"></span> 运动数据
                </p>
                <p class="details fitnessIcon fitnessxiayiye mr15"></p>
            </li>
            <li class="mydata1 dpflex  mb16">
                <div class="sportdata dpflex">
                    <p class="sportmin ml15">总活动
                        <span class="blue font26">141</span>分钟
                    </p>
                    <p class="sportkilo">本周消耗
                        <span class="blue font26">321.45</span>千卡
                    </p>
                </div>
            </li>
            <!-- 运动徽章 -->
            <li class="mymodle dpflex">
                <p class="mmddle ml15">
                    <span class="mmddle fitnessIcon fitnessxunzhang blue"></span>
                    运动徽章
                </p>
                <p class="fitnessIcon fitnessxiayiye mr15"></p>
            </li>
            <li class="modles dpflex mb16">
                <ul class="dpflex">
                    <li><img src="../img/mybadge01.jpg" alt=""></li>
                    <li><img src="../img/mybadge02.jpg" alt=""></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li><img src="../img/mybadge05.jpg" alt=""></li>
                    <li></li>
                    <li></li>

                </ul>
            </li>
            <!-- 退出登录 -->
            <li class="quitbtn  mb16">
                <a href="login.html">
                    <input type="button" value="退出登录" id="quit">
                </a>
            </li>

        </ul>




    </main>


    <!-- 页脚 -->
    <footer class="footer">
        <div class="foot-icon">
            <p class="fitnessIcon fitnessshouye"></p>
            <p>首页</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitness19"></p>
            <p>运动</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitnessquanzi"></p>
            <p>圈子</p>
        </div>
        <div class="foot-icon">
            <p class="fitnessIcon fitnesswode1"></p>
            <p>我的</p>
        </div>
    </footer>

    <!-- ajax引入 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

</body>

</html>